<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>纯CSS实现PPT效果</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="wrapper">
        <div class="content">
            <div class="box" id="a1">
                <h2>第一屏</h2>
            </div>
            <div class="box" id="a2">
                <h2>第二屏</h2>
            </div>
            <div class="box" id="a3">
                <h2>第三屏</h2>
            </div>
            <div class="box" id="a4">
                <h2>第四屏</h2>
            </div>
        </div>
        <div class="pager">
            <a href="#a1">1</a>
            <a href="#a2">2</a>
            <a href="#a3">3</a>
            <a href="#a4">4</a>
        </div>
    </div>
</body>

</html>
